import React, { Component } from 'react';
import { Row, Col } from 'antd'

import styles from './tables.css'
import getTime from '../../../utils/getNowFormatDate'

class Tables extends Component {
    constructor(props) {
        super(props);
        this.state = {
            newDate: ''
        }
    }
    componentDidMount() {
        this.setState({ newDate: getTime('time') });
    }
    render() {
        return (
            <div className={styles.container}>
                <p className={styles.header}>银行个人客户业务综合受理表</p>
                <div className="table_1">
                    <p className={styles.table_title}>客户基本信息</p>
                    {/* <Row className={styles.rowlist}>
                        <Col className={styles.colItem} span={8}>户名：</Col>
                        <Col className={styles.colItem} span={8}>卡号：</Col>
                        <Col className={styles.colItem} span={8}>币种：</Col>
                    </Row>
                    <Row className={styles.rowlist}>
                        <Col className={styles.colItem} span={8}>交易日期：</Col>
                        <Col className={styles.colItem} span={8}>交易时间：</Col>
                        <Col className={styles.colItem} span={8}>起息日期：</Col>
                    </Row>
                    <Row className={styles.rowlist}>
                        <Col className={styles.colItem} span={8}>身份证号码：</Col>
                        <Col className={styles.colItem} span={8}>身份证失效日期：</Col>
                        <Col className={styles.colItem} span={8}>发证机关：</Col>
                    </Row>
                    <Row className={styles.rowlist}>
                        <Col className={styles.colItem} span={8}>支取方式：</Col>
                        <Col className={styles.colItem} span={8}></Col>
                        <Col className={styles.colItem} span={8}></Col>
                    </Row>
                    <Row className={styles.rowlist}>
                        <Col className={styles.colItem} span={8}>年费：</Col>
                        <Col className={styles.colItem} span={8}>开卡工本费</Col>
                        <Col className={styles.colItem} span={8}></Col>
                     </Row> */}
                    <table className={styles.table}>
                        <tbody>
                            <tr>
                                <td>户名：</td>
                                <td>卡号：</td>
                                <td>币种：</td>
                            </tr>
                            <tr>
                                <td>交易日期：</td>
                                <td>交易时间：</td>
                                <td>起息日期：</td>
                            </tr>
                            <tr>
                                <td>身份证号码：</td>
                                <td>身份证失效日期：</td>
                                <td>发证机关：</td>
                            </tr>
                            <tr>
                                <td>支取方式：</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>年费：</td>
                                <td>开卡工本费</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div className="table_1">
                    <p className={styles.table_title}>附属业务申请</p>
                    <table className={styles.table}>
                        <tbody>

                            <tr>
                                <td>开通ATM对外转账：</td>
                                <td>签约借记卡卡号：</td>
                            </tr>
                            <tr>
                                <td>开通银信通签约：</td>
                                <td>签约手机号：</td>
                            </tr>
                            <tr>
                                <td>开通手机银行：</td>
                                <td>开通网上银行：</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div className="table_1">
                    <p className={styles.table_title}>客户申明及阅知</p>
                    <table className={styles.table}>
                        <tbody>

                            <tr>
                                <td>1.本人承诺提供的所有申请资料真实、有效。</td>
                            </tr>
                            <tr>
                                <td>2.本人已阅读以下“特别提示”，知悉相关业务风险并且愿意遵守贵行各项业务章程 、服务协议和制度规定。</td>
                            </tr>
                            <tr>
                                <td>3.本人确认银行打印内容准确无误，并与本人业务需求相符一致。</td>
                            </tr>
                            <tr>
                                <td>4.本人确认已经收到由贵行提供的相关业务章程和管理协议。</td>
                            </tr>
                            <tr>
                                <td>5.对因违反规定而造成的损失和后果，本人愿意承担一切责任。</td>
                            </tr>
                            <tr>
                                <td>
                                    <span className={styles.name}>客户签名：</span>
                                    <span>申请日期：{this.state.newDate}</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div className="info">
                    <p className={styles.table_title}>客户申明及阅知</p>
                    <p className={styles.infoLists}>1.本人已阅并同意开立借记卡应遵守的《个人银行结算账户管理协议》、《银行结算账户开户须知》、《银行人民币借记卡章程》。对因违反规定而造成的损失和后果，本人愿意承担一切后果。</p>
                    <p className={styles.infoLists}>2.请妥善保管使用密码，凡使用密码的交易，银行均视为客户本人所为，因密码泄露造成的损失，银行不承担责任。同时，因客户未妥保管账户凭证及相关信息所造成的损失，银行不承担责任。</p>
                    <p className={styles.infoLists}>3.致已开通电子银行并领取U盾客户的特别风险提示：您的网上银行已经开通，U盾是您保护网上银行和账号资金安全的重要工具。在网上银行使用您的银行卡（或存折账号）和U盾相应密码，即可将您的账户资金转了，不需要使用银行卡或存折本身。因此，为了保护您的账户资金安全，请您务必本人妥善保管U盾，切勿将U盾及其密码交给他人。</p>
                    <p className={styles.infoLists}>4.本人自愿申请注册银行电子银行，同意遵守《银行电子银行章程》、《银行电子银行个人客户服务协议》及相关规定。如申请开通个人短信通业务，则同意遵守《银行个人短信通服务协议》。同时也了解我行的《网上银行风险提示书》，对因违反规定而造成的损失和后果，本人愿意承担一切责任。</p>
                    <p className={styles.infoLists}>5.所有电脑打印内容已核对正确，且本人身份证号、银行账号/卡号与打印内容一致。</p>
                    <p className={styles.infoLists}>6.我行将按照在网站及营业网点公布的《银行服务价目表》的收费标准收取相关业务费用。</p>
                </div>
            </div>
        )
    }
}

export default Tables;